
	li{list-style: none;}
	.cursor{
		cursor: pointer;
	}
	*{
		margin:0;padding:0;
	}
	body{
		font-family:'微软雅黑';
		width:100vw;
		height:100vh;
		background: url(../img/bg2.png)center no-repeat;
		/* background: url(../img/bg.png); */
		background-size: 100% 100%;
	}

	/* 顶部部分 */
	/* 大标题部分 */
	header{
		width:100vw;
		height:8.4vh;
	}
	.bigData-title{
		width:39.5vw;
		height:8.4vh;
		margin: 0 auto;
		position: relative;
	}
	.chinese-title{
		text-align: center;color: #fff;
		font-size:28px;line-height: 8.4vh;
		letter-spacing:0.2vw;
	}
	#myCanvas{
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50% , -50%);
	}
	/* logo图片 */
	.left-company-logo{
		position: absolute;
		left:1vw;
		top:0;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height:6vh;
	}
	.left-company-logo>img{
		margin-right: 0.5vw;width:5vw;height:3vh
	}
	.left-company-logo>span{
		color: #0ABDFF;
		font-size: 12px;
		/* margin-left:0vw; */
	}

	/* 右边时间部分 */
	.right-currentTime-logOut{
		position: absolute;
		right:0;
		top:0;
		height:6vh;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		font-size: 12px;
	}
	/* 字体样式 */
	.fontDigi{
		font-family: DIGI;
		font-style: normal;
		font-weight: normal;
		color: #0ABDFF;
		font-size: 18px;
		letter-spacing: 2px;
	}

	.separator{
		color:white;
		margin: 0 0.25vw;
	}

	.currentDay-week{
		color: #fff;
		font-size: 14px;
		margin-right:0.5vw;
		/* letter-spacing: 4px; */
	}
	.second1{
		color: #fff;
		font-size: 14px;
		margin:0 0.5vw;
		}
		
	/* 退出部分 */
	.logout{
		padding:5px 8px;
	/*    border: 1px solid #396CD1;
		border-radius: 5px;
		background: rgba( 57, 108, 209, 0.302 ); */
		background: url(../img/组6.png) no-repeat;
	   /* color: #0ABDFF; */
		margin:0 1vw;
		background-size: 100% 100%;
	}
	.logout-chinese{
		padding:5px 8px;
		background: url(../img/quit_Chinese.png) no-repeat;
		margin:0 1vw;
		width:3vw;
		height:3vh;
		background-size: 100% 100%;
	}
	/* 顶部部分结束 */

	/* 地图部分 */
	#map-show{
		position: absolute;
		top:8vh;
		left: 0;
		width:100vw;
	   height:91.6vh;
		/* background: url('../img/bg.png')center no-repeat; */
		background-size: 100% 100%;
	}
	/* 中间部分开始 */
	section{
		position: absolute;
		top:8.4vh;
		width:100vw;
		height:24.4vh;
	/* 	border: 1px solid #ccc; */
		z-index: 1999999999999;
		display: flex;
	}
	/* 设备类型左部分内容和中英文设备类型样式 */
	#device-left{
		width: 17.5vw;
		height: 24.4vh;
		/* border: 1px solid #ccc; */
		margin-left:1.8vw;
	}
	#device-left ul,#device-right ul{
		width: 17.5vw;
		height: 24.4vh;
		display: flex;
		justify-content: space-between;
	}
	#device-left li,#device-right li{
		width: 7vw;
		height: 24.4vh;
		list-style: none;
		/* border: 1px solid #ccc; */
	}
	#device-left li img,#device-right li img{
		width: 7vw;
		height: 13.5vh;
	}
	#device-left li #number,#device-right li #number{
		display: block;
		color:#48f2f2;
		height:6vh;
		line-height: 6vh;
		text-align: center;
		font-size:40px;
	}
	#device-left li span:last-child,#device-right li span:last-child{
		display: block;
		color:#fff;
		text-align: center;
		font-size:15px;
		font-family:'微软雅黑';
	}
	
	#device-left li #Mêtis{
		display: block;
		color:#fff;
		width:10vw;
		margin-left:-1vw;
		font-size:15px;
		font-family:'微软雅黑';
	}
	.device-right .device-right-size{
		margin-left:1vw;
		font-size:15px;
		font-family:'微软雅黑';
	}
	/* 设备类型中间时间部分内容样式 */
	#device-middle{
		width: 61.6vw;
		height: 15.5vh;
		/* border: 1px solid #ccc; */
	}
	#device-middle ul{
		width: 61.6vw;
		height: 15.5vh;
		margin-left:2vw;
		/* border: 1px solid #ccc; */
		display: flex;
		
	}
	#device-middle li{
		height: 15.5vh;
		/* border: 1px solid #ccc; */
		flex: 1;
	}
	#device-middle li:first-child{
		margin-left:3.8vw;
	}
	#device-middle li:last-child{
		margin-right:3.8vw;
	}
	#device-middle li p:first-child{
		color:#fff;
		margin-top:4vh;
		font-size: 18px;
	}
	/* 数字底背景图内容的样式 */
	.firstnum,.secondnum,.lastnum{
		margin-top:1vh;
		display:flex;
	}
	.secondnum{margin-left:0vw;}
	.firstnum>span , .secondnum>span, .lastnum>span{
		display: block;
		font-family: DIGI;
		font-size: 54px;
		/* font-weight: bolder; */
		width:2.5vw;
		height:6.5vh;
		text-align: center;
		color: #ffff3a;
		padding:0.2vw 0.8vh;
		background: url(../img/数字底.png)no-repeat;
		background-size: 100% 100%;
		margin-left:0.4vw; 
	}
.firstnum>span:first-child , .secondnum>span:first-child, .lastnum>span:first-child{
		margin-left:0vw; 
	}
	/* 设备类型中间时间部分内容样式结束 */

	/* 中英文设备类型内容的样式 */
	#device-right{
		width: 17.5vw;
		height: 24.4vh;
		/* border: 1px solid #ccc; */
	}
	/* 中英文设备类型内容的样式结束 */

	/* 底部内容部分样式 */
	footer{
		width:100vw;
		height:67.2vh;
		/* border: 1px solid #ccc; */
		
	}


	/* 新老顾客 */
	.orginationAndStore{
		position: absolute;
		left:1vw;
		top:32.8vh;
		/* width:24.7373vw; */
		width:24.3vw;
		height:30.7vh;
		background: url(../img/Clients.png)center no-repeat;
		background-size: 100% 100%;
	}

	/* <!-- 问题排行 --> */
	.Out-the-problem{
		position: absolute;
		left:1vw;
		top:65.7vh;
		/* width:24.7373vw; */
		width:24.3vw;
		height:31.7vh;
		background: url(../img/框.png)center no-repeat;
		background-size: 100% 100%;
	}

	/* 今日设备实时运行数量 */
	.Equipment-operation-quantity{
		 position: absolute;
	   left:26.9vw;
	   bottom:2.2vh;
	   /* width:24.7373vw; */
	   width:46.1vw;
	   height:19.3vh;
	   background: url(../img/组2.png)center no-repeat;
	   background-size: 100% 100%;
	}
	/* 档案实时数据 */
	.equipment-use{
		position: absolute;
		bottom:2.2vh;
		right:1vw;
		/* width:23.58vw; */
		width:24.2vw;
		height:64.8vh;
		 background: url(../img/组3.png)center no-repeat;
		background-size: 100% 100%;
	}

@media screen and (min-width:1080px) and (max-width:1920px) {}
@media screen and (min-width:1050px) and (max-width:1680px){
	
	/* 右边时间部分 */
	
	/* 字体样式 */
	.fontDigi{
		font-size: 18px;
	}
	.currentDay-week{
		font-size: 14px;
	}
	.second1{
		font-size: 14px;
	}
	/* 中间设备运行 */
	#device-left li #number,#device-right li #number{
		font-size:32px;
	}
	#device-left li span:last-child,#device-right li span:last-child{
		font-size:12px;
	}
	#device-left li #Mêtis{
		width:10vw;
		font-size:12px;
	}
	/* 数字底背景图内容的样式 */
	.firstnum>span , .secondnum>span, .lastnum>span{
		font-size: 44px;
		width:2.3vw;
		height:6.2vh;
		padding:0.4vw 0.8vh;
		margin-left:0.4vw; 
	}
}


@media screen and (min-width:900px) and (max-width:1600px){
	/* 右边时间部分 */
	/* 字体样式 */
	.fontDigi{
		font-size: 16px;
	}
	.currentDay-week{
		font-size: 10px;
	}
	.second1{
		font-size: 10px;
	}
	#device-left li #number,#device-right li #number{
		height:5vh;
		line-height: 5vh;
	}
	#device-middle li p:first-child{
		font-size: 14px;
	}
	/* 数字底背景图内容的样式 */
	.firstnum>span , .secondnum>span, .lastnum>span{
		font-size: 40px;
		width:2.3vw;
		height:6.2vh;
		padding:0.3vw 0.6vh;
		margin-left:0.4vw; 
	}
}
@media screen and (min-width:900px) and (max-width:1440px){
	/* 字体样式 */
	.fontDigi{
		font-size: 14px;
	}
	/* 设备类型左部分内容和中英文设备类型样式 */
	#device-left li #number,#device-right li #number{
	
		height:5vh;
		line-height: 5vh;
	}
	/* 数字底背景图内容的样式 */
	.firstnum>span , .secondnum>span, .lastnum>span{
	
		font-size: 38px;
		width:2.3vw;
		height:6.2vh;
		padding:0.3vw 0.6vh;
		margin-left:0.4vw; 
	}
	
}

@media screen and (min-width:1050px) and (max-width:1400px){
	
	/* 数字底背景图内容的样式 */
	.firstnum>span , .secondnum>span, .lastnum>span{
	
		font-size: 32px;
		width:2vw;
		height:4.5vh;
		padding:0.3vw 0.3vh;
		margin-left:0.4vw; 
	}
}
@media screen and (min-width:768px) and (max-width:1366px){
	
	/* 数字底背景图内容的样式 */
	.firstnum>span , .secondnum>span, .lastnum>span{
		font-size: 30px;
		width:2vw;
		height:5.5vh;
		padding:0.2vw 0.2vh;
		margin-left:0.4vw; 
	}
	

	/* 设备类型中间时间部分内容样式结束 */



	
}